<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>SISTEMA DE......?</title>
    </h:head>
    <h:body>
        <h:form>
            <p:growl id="growl" showDetail="true" life="3000" />
            
            
               
                <center>
                    <h2>SISTEMA DE ASISTENCIA TECNICA</h2>
                    <br/><br/>
                    
                      <img alt="login" src="recursos/imagen.jpg"/> 
                    
                    
                    <p:fieldset legend="INGRESAR AL SISTEMA">
                        <h:panelGrid columns="2" cellpadding="5">  
                            
                         
                            
                            
                            <h:outputLabel for="username" value="Usuario:" />  
                            <h:inputText value="#{loginBean.username}"   
                                         id="username" required="true" label="username" />  

                            <h:outputLabel for="password" value="Contraseña:" />  
                            <h:inputSecret value="#{loginBean.password}"   
                                           id="password" required="true" label="password" />  
                            
                           
                            

                            <f:facet name="footer">  
                                <p:commandButton id="loginButton" value="Ingresar" update="growl" 
                                                 action="#{loginBean.login}"/>  
                            </f:facet>  
                       

                          </h:panelGrid>
                        
                        
                    </p:fieldset> 
                </center>
            



        </h:form>

    </h:body>

</html> 